<template>
    <!-- 供应商汇总评价详情 -->
    <div class="e-table">
        <div>
            <span style="margin-left: 20px">供应商名称：</span>
            <el-select v-model="value" placeholder="请选择">
                <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                >
                </el-option>
            </el-select>
            <el-button-group style="margin-left: 20px">
                <el-button type="primary" icon="el-icon-arrow-left"
                    >上一个</el-button
                >
                <el-button type="primary"
                    >下一个<i class="el-icon-arrow-right el-icon--right"></i
                ></el-button>
            </el-button-group>
            <div style="display: inline-block; float: right">
                <el-input placeholder="请输入" @keyup.enter.native="getData">
                    <i
                        slot="suffix"
                        style="cursor: pointer"
                        class="el-icon-search"
                    ></i>
                </el-input>
            </div>
        </div>
        <el-table
            :data="punishmentData"
            border
            style="width: 100%"
            ref="table"
            class="table"
            :max-height="$store.state.tableHeight"
            :header-cell-style="{ textAlign: 'center' }"
            :cell-style="{ textAlign: 'center' }"
            v-sortTable="{
                tableData: punishmentData,
                _this: this,
                ref: 'table'
            }"
        >
            <el-table-column type="index" label="序号" width="55">
            </el-table-column>
            <el-table-column prop="manageOrgName" label="评价机构" width="200">
            </el-table-column>
            <el-table-column prop="outerName" label="合同编号" width="200">
            </el-table-column>
            <el-table-column prop="creditCode" label="合同名称" width="200">
            </el-table-column>
            <el-table-column prop="e" label="年度评价分数或等级" width="200">
            </el-table-column>
            <el-table-column prop="result" label="动态评价次数" min-width="200">
            </el-table-column>
            <el-table-column prop="startDate" label="动态评价结果" width="200">
            </el-table-column>
            <el-table-column prop="endDate" label="汇总评价分数" width="200">
            </el-table-column>
        </el-table>
    </div>
</template>
<script>
export default {
    data () {
        return {
            punishmentData: [],
            options: []
        }
    }
}
</script>
<style lang="scss" scoped>
.e-table {
    padding: 20px;
}
</style>
